var list = document.querySelectorAll(".nav .list li");
var menu = document.querySelectorAll(".menu>div");
console.log(list);
console.log(menu);
for(var i = 0;i<list.length;i++){
	list[i].index = i;
	list[i].addEventListener('mouseover',function(){
		for(var j=0;j<list.length;j++){
			list[j].classList.remove('active');
			menu[j].classList.remove('active');
		}
		this.classList.add('active');
		menu[this.index].classList.add('active');
	})
}
